import {PureComponent} from "react";
import React from "react";
import FeatureComponent from "../global_monitoring/FeatureComponent";
import MapComponent from "../global_monitoring/MapComponent";
import CarRecordComponent from "../global_monitoring/CarRecordComponent";

/**
 * 产品测试界面
 */
class ProductTestComponent extends PureComponent {


    render() {


        return (
            <div style={ptWrapperStyle}>

                <FeatureComponent/>

                <div style={bottomWrapperStyle}>
                    <MapComponent/>
                    <CarRecordComponent/>
                </div>
            </div>
        );
    }

}

export default ProductTestComponent;


const ptWrapperStyle = {
    backgroundColor: "#fff",
    height:"100%",
    borderRadius: 4,

    display: "flex",
    flexDirection:"column",
};


const bottomWrapperStyle = {
    margin: "0 10px",
    display: 'flex',
    minHeight: 400,
    flex:1,
    paddingBottom:10,
};